.scrollable-text {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  max-width: 100%;
}

.scrollable-text span {
  display: inline-block;
  /* animation: scrollText 12s linear infinite; */
}

@keyframes scrollText {
  0%, 10% {
    transform: translateX(0%);
  }
  45%, 55% {
    /* transform: translateX(-4%); */
    transform: translateX(var(--translateXValue));
  }
  90%, 100% {
    transform: translateX(0%);
  }
}
